{{define "console/index/index.html"}}
{{ template "console/common/header.html" .}}
<div id="app">
    <el-container>
        <el-aside width="200px">
        {{ template "console/common/left.html" .}}
        </el-aside>
        <el-container>
            <el-header>{{ .title }}</el-header>
            <el-main>Main</el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </el-container>
</div>


<script src="/static/app.js"></script>
{{ template "console/common/footer.html" .}}
<script src="/static/js/index.js"></script>
<script>
    var Main = {
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>
{{end}}